//定义食物类
class Food {
    constructor() {
        // 获取页面中的food元素并将其赋值给element
        this.element = document.getElementById('food')!;
    }
    // 定义一个属性表示食物多对应的元素
    element: HTMLElement;
    get x() {
        return this.element.offsetLeft
    }
    get y() {
        return this.element.offsetTop
    }
    // 修改食物的位置
    change() {
        /* 
            需求：
            1.随机生成的位置
            2.位置的范围在0-290之间
            3.因为蛇每移动一步是10像素，所以要求食物所在的位置必须被10整除
        */
        let left = Math.round(Math.random() * 29) * 10
        let top = Math.round(Math.random() * 29) * 10
        this.element.style.left = left + 'px';
        this.element.style.top = top + 'px';
    }
}
// console.log(Object.prototype.toString.call(food));
// const food = new Food();
// console.log(food.x, food.y);
// food.change()
export default Food;
// import ScorePanel from './ScorePanel'
// const scorePanel = new ScorePanel(100, 2);
// for (let index = 0; index < 200; index++) {
//     scorePanel.addScore();
// }